<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>彩妆热卖产品列表</title>
	</head>
	<style type="text/css">
		.a{
			background-color: #E9185A;
			width: 340px;
			height: 40px;
			line-height: 40px;
			color: #FFFFFF;
			margin-left: 38px;
		}
		.b{
			border: 1px ;
			width: 375px;
			height: 400px;
			
		}
		.b>ul>li{
			border-bottom: dashed  #A9A6A6 ;
			list-style: none;
			color: #7E8386;
		}
		span{
			border: 1px  ;
			background-color: black;
			color: #FFFFFF;
		    width: 30px;
			height: 30px;
			line-height: 30px;
			border-radius: 30px;
			display: inline-block;
			text-align: center;
			
			
		}
	</style>
	<body>
		<div>
			<div class="a">
				大家都喜欢的彩妆
			</div>
			<div class="b">
				<ul>
					<li><span>1</span> Za姬芮新能真皙美白隔离霜 35g </li>
					<li><span>2</span> 美宝莲精纯矿物奇妙新颜乳霜BB霜 30ml </li>
					<li><span>3</span> 菲奥娜水漾CC霜40g </li>
					<li><span>4</span> DHC 蝶翠诗橄榄卸妆油 200ml </li>
				</ul>
			</div>
		</div>
	</body>
</html>
